<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<jsp:include page="../top.jsp"></jsp:include>

<!-- START:wrapper -->
<div id="wrapper">
<!-- InstanceBeginEditable name="wrapper" -->

<!-- START:wrapper-bg -->
<div class="wrapper-bg">

<!-- START:main -->
<div id="main">

<!-- START:bid -->
<div class="bid">

<!-- START:bid-top -->
<div class="bid-top">

<dl class="bid-dl-top">
	<dt>深度：</dt>
	<dd>
		<ul class="bid-navi-top-b">
			<c:if test="${!empty levels}">
				<c:if test="${(empty level) || level == 0}">
					<li class="bg-color-ffa"><a href="model/toModelStore.do?level=0&target=${target }" class="link-style-c">所有</a></li>
				</c:if>
				<c:if test="${(!empty level) && level != 0}">
					<li><a href="model/toModelStore.do?level=0&target=${target }">所有</a></li>
				</c:if>
				<c:forEach var="l" items="${levels}">
					<c:if test="${l.modelLevelCode==level }">
						<li class="bg-color-ffa"><a href="model/toModelStore.do?level=${l.modelLevelCode}&target=${target }" class="link-style-c">${l.modelLevelName}</a></li>
					</c:if>
					<c:if test="${l.modelLevelCode!=level }">
						<li><a href="model/toModelStore.do?level=${l.modelLevelCode}&target=${target }">${l.modelLevelName}</a></li>
					</c:if>
				</c:forEach>
			</c:if> 
		<!-- 	<li class="bg-color-ffa"><a href="#" class="link-style-c">L1</a></li>
			<li class="bid-top-border"><a href="#">L2</a></li>
			<li><a href="#">L3</a></li>
			<li>L4</li>
			<li>L5</li>
			<li>其它</li> -->
			<!-- START:goujian-so -->
			<div class="goujian-so">
			<form id="form" action="model/toModelStore.do?target=${target }&level=${level}" method="post" class="s_form" style="width: 101%;height: 28px;">
					<input name="typeName" id="search_id" value="${searchName }"
						type="text" class="goujian-input-so" maxlength="20"
						onfocus="if(this.value=='请输入关键词') {this.value='';}this.style.color='#999';"
						onblur="if(this.value=='') {this.value='请输入关键词';this.style.color='#999';}"
						value="请输入关键词" /><img onclick="$('form').submit();" src="shared/images/button_goujian_so.gif" alt="img" /> <!-- <input type="submit" class="s_btn" value="" /> -->
				</form>
			</div>
			<!-- END:goujian-so -->
		</ul>
	</dd>
</dl>

<dl class="bid-dl-top">
<dt>类别：</dt>
<dd>
<ul class="bid-navi-top-b">
	<c:if test="${!empty targets}">
		<c:if test="${(empty target) || target == 0}">
			<li class="bg-color-ffa"><a href="model/toModelStore.do?target=0&level=${level}" class="link-style-c">所有</a></li>
		</c:if>
		<c:if test="${(!empty target) && target != 0}">
			<li><a href="model/toModelStore.do?target=0&level=${level}">所有</a></li>
		</c:if>
		<c:forEach var="t" items="${targets}">
			<c:if test="${t.targetCode==target }">
				<li class="bg-color-ffa"><a href="model/toModelStore.do?target=${t.targetCode}&level=${level}" class="link-style-c">${t.targetName}</a></li>
			</c:if>
			<c:if test="${t.targetCode!=target }">
				<li><a href="model/toModelStore.do?target=${t.targetCode}&level=${level}">${t.targetName}</a></li>
			</c:if>
		</c:forEach>
	</c:if> 

<!-- 
	<li class="bg-color-ffa"><a href="#" class="link-style-c">所有</a></li>
	<li class="bid-top-border"><a href="#">建筑</a></li>
	<li><a href="#">结构</a></li>
	<li><a href="#">装饰</a></li>
	<li><a href="#">幕墙</a></li>
	<li>水</li>
	<li>电</li>
	<li>暖</li>
	<li>其它</li> -->
</ul>
</dd>
</dl>

</div>
<!-- END:bid-top -->

<!-- START:goujian-con -->
<div class="goujian-con">

<div class="goujian-tit">默认排序&nbsp;▼&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;下载次数</div>

<!-- START:goujian-div-box -->
<div class="goujian-div-box">
	
	<!-- START:goujian-div-1 -->
	<div class="goujian-div">
	
		<ul class="goujian-navi">
			<c:if test="${!empty page.items}">
				<c:forEach var="t" items="${page.items}" varStatus="status">
					<c:if test="${(status.index%4)==0}">
						<li>
							<a href="model/toModelDetail.do?modelId=${t.modelId}"><img src="${t.modelPreviewImageUrl}" width="272" alt="img" /></a>
							<!--START:goujian-ap-->
							<div class="goujian-ap">
								<div class="goujian-ap-box" onclick="modelDownload(${t.modelId})">下载<br />${t.downloadNum}</div>
								<div class="goujian-ap-box-b" onclick="modelCollect(${t.modelId})">收藏<br />${t.collectNum}</div>
								<div class="goujian-ap-box" onclick="modelGood(${t.modelId})">点赞<br />${t.goodNum}</div>
							</div>
							<!--END:goujian-ap-->
						</li>
					</c:if>
				</c:forEach>
			</c:if> 
		</ul>
	
	</div>
	<!-- END:goujian-div-1 -->
	
	<!-- START:goujian-div-2 -->
	<div class="goujian-div">
	
		<ul class="goujian-navi">
			<c:if test="${!empty page.items}">
				<c:forEach var="t" items="${page.items}" varStatus="status">
					<c:if test="${(status.index%4)==1}">
						<li>
							<a href="model/toModelDetail.do?modelId=${t.modelId}"><img src="${t.modelPreviewImageUrl}" width="272" alt="img" /></a>
							<!--START:goujian-ap-->
							<div class="goujian-ap">
								<div class="goujian-ap-box" onclick="modelDownload(${t.modelId})">下载<br />${t.downloadNum}</div>
								<div class="goujian-ap-box-b" onclick="modelCollect(${t.modelId})">收藏<br />${t.collectNum}</div>
								<div class="goujian-ap-box" onclick="modelGood(${t.modelId})">点赞<br />${t.goodNum}</div>
							</div>
							<!--END:goujian-ap-->
						</li>
					</c:if>
				</c:forEach>
			</c:if> 
		</ul>
	
	</div>
	<!-- END:goujian-div-1 -->
	
	<!-- START:goujian-div -->
	<div class="goujian-div">
	
		<ul class="goujian-navi">
			<c:if test="${!empty page.items}">
				<c:forEach var="t" items="${page.items}" varStatus="status">
					<c:if test="${(status.index%4)==2}">
						<li>
							<a href="model/toModelDetail.do?modelId=${t.modelId}"><img src="${t.modelPreviewImageUrl}" width="272" alt="img" /></a>
							<!--START:goujian-ap-->
							<div class="goujian-ap">
								<div class="goujian-ap-box" onclick="modelDownload(${t.modelId})">下载<br />${t.downloadNum}</div>
								<div class="goujian-ap-box-b" onclick="modelCollect(${t.modelId})">收藏<br />${t.collectNum}</div>
								<div class="goujian-ap-box" onclick="modelGood(${t.modelId})">点赞<br />${t.goodNum}</div>
							</div>
							<!--END:goujian-ap-->
						</li>
					</c:if>
				</c:forEach>
			</c:if> 
		</ul>
	
	</div>
	<!-- END:goujian-div -->
	
	<!-- START:goujian-div -->
	<div class="goujian-div" style="margin-right: 0px;">
	
		<ul class="goujian-navi">
			<c:if test="${!empty page.items}">
				<c:forEach var="t" items="${page.items}" varStatus="status">
					<c:if test="${(status.index%4)==3}">
						<li>
							<a href="model/toModelDetail.do?modelId=${t.modelId}"><img src="${t.modelPreviewImageUrl}" width="272" alt="img" /></a>
							<!--START:goujian-ap-->
							<div class="goujian-ap">
								<div class="goujian-ap-box" onclick="modelDownload(${t.modelId})">下载<br />${t.downloadNum}</div>
								<div class="goujian-ap-box-b" onclick="modelCollect(${t.modelId})">收藏<br />${t.collectNum}</div>
								<div class="goujian-ap-box" onclick="modelGood(${t.modelId})">点赞<br />${t.goodNum}</div>
							</div>
							<!--END:goujian-ap-->
						</li>
					</c:if>
				</c:forEach>
			</c:if> 
		</ul>
	
	</div>
	<!-- END:goujian-div -->

</div>
<!-- END:goujian-div-box -->

</div>
<!-- END:goujian-con -->

</div>
<!-- END:bid -->

</div>
<!-- END:main -->

</div>
<!-- END:wrapper-bg -->

<!-- InstanceEndEditable -->
</div>
<!-- END:wrapper -->
<jsp:include page="../bottom.jsp"></jsp:include>